/* CSS Document */
.wrapper{ background:url(../img/clock_bg.jpg) no-repeat center center; background-size:cover;}
.main{ height:100%;}

.profile{ width:100%; position:absolute; top:13.5%; left:0; text-align:center;}
.profile img{ width:30.125%; border:3px solid #fff480; border-radius:50%;}
.profile span{ display:block; line-height:3.2rem; font-size:1.4rem; text-align:center;}

.info{ width:100%; position:absolute; top:44%; left:0;}
.info div:nth-of-type(1){ width:50%; float:left;}
.info div:nth-of-type(2){ width:50%; float:left;}
.info span,.info em{ display:block; text-align:center; font-style:normal;}
.info span { line-height:3.2rem; font-size:1.5rem;}
.info em{ line-height:5rem; font-size:3.0rem; color:#ee981c;}

.weekday { width:100%; position:absolute; top:68%; left:0; text-align:center;}
.weekday span{ width:2.6rem; height:2.6rem; line-height:2.6rem; margin-right:0.4rem; font-size:1.5rem; display:inline-block;}
.weekday span.active{ background:#000; color:#fff; border-radius:50%;}